<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="scss">
html,
body,
#app {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  p {
    margin-top: 0;
    margin-bottom: 0em;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 0em;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
  }
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

a {
  font-weight: bold;
  color: #858585;

  &.router-link-exact-active {
    color: #66ac50;
    // border: 1px solid rgb(62, 49, 71);
  }
}
</style>
